import * as React from 'react'

type Props = {
  className?: string
}
export const TrashIcon: React.FC<Props> = ({ className }) => {
  return (
    <svg
      className={className}
      fill="none"
      height="24"
      viewBox="0 0 24 24"
      width="24"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path
        d="M19.5149 5.94291H14.6665V4.4571C14.6665 4.20567 14.4483 4 14.1817 4H9.81807C9.55139 4 9.33326 4.20568 9.33326 4.4571V5.94274L4.4848 5.9429C4.21813 5.9429 4 6.14858 4 6.40001C4 6.65145 4.21814 6.85711 4.4848 6.85711H6.08484V19.5429C6.08484 19.7943 6.30298 20 6.56964 20H17.4302C17.6969 20 17.915 19.7943 17.915 19.5429L17.9152 6.85711H19.5152C19.7819 6.85711 20 6.65143 20 6.40001C20 6.14857 19.7816 5.94291 19.5149 5.94291ZM10.3029 4.91421H13.6967V5.82842L10.3029 5.82858V4.91421ZM16.9453 19.0857H7.0544V6.85708H16.9453V19.0857ZM14.6666 9.32566V16.64C14.6666 16.8914 14.4485 17.0971 14.1818 17.0971C13.9151 17.0971 13.697 16.8914 13.697 16.64V9.32566C13.697 9.07422 13.9151 8.86856 14.1818 8.86856C14.4483 8.86856 14.6666 9.05143 14.6666 9.32566ZM10.303 9.32566V16.64C10.303 16.8914 10.0849 17.0971 9.81819 17.0971C9.55152 17.0971 9.33339 16.8914 9.33339 16.64V9.32566C9.33339 9.07422 9.55153 8.86856 9.81819 8.86856C10.0849 8.86856 10.303 9.05143 10.303 9.32566Z"
        fill="currentColor"
      />
    </svg>
  )
}
